<template>
           <transition>
               <slot v-if="isshow"></slot>
           </transition>
</template>

<script>
export default {
   props:["index"],
   data() {
          return {
                 listSlecct:0,
          }
   },
   computed:{
          isshow(){
                 return this.index === this.listSlecct
          }
   }
}
</script>

<style scoped>
.v-enter, .v-leave-to{opacity: 0;}
.v-enter-active, .v-leave-active{transition: opacity .7s;} 
</style>